.addUsers {
  display: flex;
  justify-content: space-around;
  .tree {
    width: 242px;
    height: 443px;
    margin-top: 15px;
    overflow: auto;
    :global {
      .ant-card-body {
        padding: 0;
      }
      .ant-tree-treenode-switcher-close,
      .ant-tree-treenode-switcher-open {
        .ant-tree-switcher {
          height: 40px;
          line-height: 40px;
        }
        .ant-tree-node-content-wrapper {
          height: 40px;
          line-height: 40px;
        }
        .ant-tree-node-selected {
          font-weight: bold;
          color: #1890ff;
          background: #e6f7ff;
        }
        line-height: 40px;
      }
      .ant-tree-node-content-wrapper {
        width: ~'calc(100% - 24px)';
      }
      .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
        font-weight: bold;
        color: #1890ff;
        background: #e6f7ff;
      }
      .ant-tree li .ant-tree-node-content-wrapper:hover {
        background: #fff;
        color: #1890ff;
      }
      .ant-tree li .ant-tree-node-selected:hover {
        color: #1890ff;
        background: #e6f7ff;
      }
    }
    .treeNode {
      display: flex;
      justify-content: space-between;
      width: 100%;
      .action {
        transition: opacity 0.2s;
        opacity: 0;
      }
    }

    .firstTreeNode {
      font-size: 16px;
      font-weight: 600;
    }

    .treeNode:hover .action {
      transition: opacity 0.2s;
      opacity: 1;
    }

    .myIcon {
      margin-right: 5px;
      color: rgba(0, 0, 0, 0.65);
      font-size: 20px;
      vertical-align: text-top;
    }
  }
}
